import React from 'react'
import './index.css'
import Item from './Item'
//第七步：list中接收传入的列表数据，遍历这个数据，有多少条数据就用多少个Item组件
export default function index({todoList,setTodoList}) {
    return (
        <ul className="todo-main">
           {todoList.map(item=>{
            // key是给diffing算法看的 item 是todoList数组中的每一项，把每一项item展开就是把id、todo、和done批量传给Item组件
            return<Item key={item.id} {...item} todoList={todoList} setTodoList={setTodoList}/>
           })}
        </ul>
    )
}